<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>首页</title>
		
		<link rel="stylesheet" type="text/css" href="css/learn-HomePage/layui-v2.6.7/layui/css/layui.css"/>
		<link rel="shortcut icon" href="img/logo.png" />
		<link rel="stylesheet" type="text/css" href="./css/learn-HomePage/learn-homePage.css"/>
	</head>
	<body>
		<!-- 导航栏 -->
		<header>
			<a name="dbl"></a>
			<div class="dbl">
				<div>
					<img src="img/learn-HomePage-img/farbnf.png" class="logo"/>
				</div>
				<div>
					<ul>
						<li id="a" id="HeadPortrait">
							<div class="one"  style="height: 50px; width: 50px;" >
								<img src="img/learn-HomePage-img/2.png" class="tx" id="show"/>
							</div>
							<ul id="erji" class="erji">
								<li><a href="learn_Personal.html">个人中心</a></li>
								<li><a href="javascript:;"><span onclick="clos();">退出</span></a></li>
							</ul>
						</li>
						<li id="a"><a href="learn_WrongBook.html">错题本</a></li>
						<li id="a"><a href="learn-Testrecords.html">考试记录</a></li>
						<li id="a"><a href="learn-Testcenter.html">试卷中心</a></li>
						<li id="a"><a href="learn_IntelligentTraining.html">智能训练</a></li>
						<li id="a"><a href="learn-VideoClass.html">视频课堂</a></li>
						<li id="a"><a href="learn-Homepage.html">首页</a></li>
					</ul>
				</div>
				
			</div>
			
		</header>
		
	
	<div class="bannerBox">
			<div class="banner">
				<ul>
					<li><a href="#"><img src="img/learn-HomePage-img/1.png"></a></li>
					<li><a href="#"><img src="img/learn-HomePage-img/2.png"></a></li>
					<li><a href="#"><img src="img/learn-HomePage-img/3.png"></a></li>
					<li><a href="#"><img src="img/learn-HomePage-img/4.png"></a></li>
				</ul>
			</div>
		</div>
		<script src="jquery/jquery-1.11.3.min.js"></script>
	
	<div class="topic" style="width: 80%;">
		<div class="asfnoik">
			<ul style="width: 100%;margin-left: 14%;">
				<li><div style="width: 10px;height: 40px;background-color: #0000FF;float: left;"></div>&nbsp;&nbsp;任务中心</li>
				<div id="main" style="width: 95%; height: 100%;">
									<ul class="layui-menu" id="demo1">
										<li class="layui-menu-item-group layui-menu-item-down" lay-options="{type: 'group'}" id="ll">
										  <!-- <div class="layui-menu-body-title">
										    试卷 <i class="layui-icon layui-icon-up"></i>
										  </div>
										  <ul>
										    <li lay-options="{id: 104}">
										      <div class="layui-menu-body-title" id="layui-menu-body-title">第一次月考</div>
										    </li>
										    <li><div class="layui-menu-body-title">开始考试</div></li>
											<li><div class="layui-menu-body-title">状态</div></li>
										  </ul> -->
										</li>
									</ul>
								</div>
				
				<li><div style="width: 10px;height: 40px;float: left;background-color: #00FF00;"></div>&nbsp;&nbsp;固定试卷</li>
				<!-- <div style="width: 100%;"> -->
					<div class="booy">
						<div class="page">
							<div class="contentt">
								<div class="juzon">
									<!-- <form action="http://localhost:8081/typePaper/answerTime" method="get"> -->
										<table lay-filter = "test" class="gdsj" style="width: 90%;margin-left: 5%;" id="gdsjtable">
											<!-- <td><div class="mygdsj"><img src="img/learn-HomePage-img/bjsj.PNG"/><p>&nbsp;苏威测试</p><p style="float: right;">1班&nbsp;&nbsp;&nbsp;</p><br><a href="#" style="color: #0000FF;">开始做题&nbsp;&nbsp;&nbsp;</a></div></td> -->
										</table>
									<!-- </form> -->
								</div>
							</div>
						</div>
					</div>
					<!-- <iframe src="homePage.html" width="100%" height="100%" frameborder="0"></iframe> -->
					
						<!-- <td><div class="mygdsj"><img src="img/learn-HomePage-img/gdsj.PNG"/><p>&nbsp;苏威测试</p><a href="#" style="color: #0000FF;">开始做题&nbsp;&nbsp;&nbsp;</a></div></td>
						<td><div class="mygdsj"><img src="img/learn-HomePage-img/gdsj.PNG"/><p>&nbsp;高三生物第一次作业</p><a href="#" style="color: #0000FF;">开始做题&nbsp;&nbsp;&nbsp;</a></div></td>
						<td><div class="mygdsj"><img src="img/learn-HomePage-img/gdsj.PNG"/><p>&nbsp;信息科学测试</p><a href="#" style="color: #0000FF;">开始做题&nbsp;&nbsp;&nbsp;</a></div></td>
						<td><div class="mygdsj"><img src="img/learn-HomePage-img/gdsj.PNG"/><p>&nbsp;语文考试</p><a href="#" style="color: #0000FF;">开始做题&nbsp;&nbsp;&nbsp;</a></div></td>
						<td><div class="mygdsj"><img src="img/learn-HomePage-img/gdsj.PNG"/><p>&nbsp;高三剑圣基础试卷1001</p><a href="#" style="color: #0000FF;">开始做题&nbsp;&nbsp;&nbsp;</a></div></td>
						 -->
					<!-- </table> -->
					
				<!-- </div> -->
				<!-- <li><div style="width: 10px;height: 40px;float: left;background-color: #C2BE9E;"></div>&nbsp;&nbsp;时段试卷</li>
				<div style="width: 100%;">
					<table class="gdsj" style="width: 90%;margin-left: 5%;" id="sdsjtable">
						<!-- <td><div class="mygdsj"><img src="img/learn-HomePage-img/sdsj.PNG"/><p style="text-align: left;">&nbsp;&nbsp;&nbsp;测试</p><p class="sdtime" style="font-size: 10px;">起始时间&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p><p class="sdtime" style="font-size: 10px;">终止时间&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p><a href="#" style="color: #0000FF;">开始做题&nbsp;&nbsp;&nbsp;</a></div></td>
						<td><div class="mygdsj"><img src="img/learn-HomePage-img/sdsj.PNG"/><p style="text-align: left;">&nbsp;&nbsp;&nbsp;测试</p><p class="sdtime" style="font-size: 10px;">起始时间&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p><p class="sdtime" style="font-size: 10px;">终止时间&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p><a href="#" style="color: #0000FF;">开始做题&nbsp;&nbsp;&nbsp;</a></div></td>
						<td><div class="mygdsj"><img src="img/learn-HomePage-img/sdsj.PNG"/><p style="text-align: left;">&nbsp;&nbsp;&nbsp;测试</p><p class="sdtime" style="font-size: 10px;">起始时间&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p><p class="sdtime" style="font-size: 10px;">终止时间&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p><a href="#" style="color: #0000FF;">开始做题&nbsp;&nbsp;&nbsp;</a></div></td> -->
					<!--</table>
				</div> -->
				<br /><br /><br />
				<li><div style="width: 10px;height: 40px;float: left;background-color: #FF00FF;"></div>&nbsp;&nbsp;班级试卷</li>
				<div class="booy">
					<div class="page">
						<div class="content">
							<div class="juzon">
								<table  class="gdsj" style="width: 90%;margin-left: 5%;" id="bjsjtable">
									<!-- <td><div class="mygdsj"><img src="img/learn-HomePage-img/bjsj.PNG"/><p>&nbsp;苏威测试</p><p style="float: right;">1班&nbsp;&nbsp;&nbsp;</p><br><a href="#" style="color: #0000FF;">开始做题&nbsp;&nbsp;&nbsp;</a></div></td> -->
								</table>
							</div>
						</div>
					</div>
				</div>
				<div style="width: 100%;">
					
					<!-- <ul>
						<li><div class="mygdsj"><img src="img/learn-HomePage-img/bjsj.PNG"/><p>&nbsp;苏威测试</p><p style="float: right;">1班&nbsp;&nbsp;&nbsp;</p><br><a href="#" style="color: #0000FF;">开始做题&nbsp;&nbsp;&nbsp;</a></div></li>
						<li><div class="mygdsj"><img src="img/learn-HomePage-img/bjsj.PNG"/><p>&nbsp;苏威测试</p><p style="float: right;">1班&nbsp;&nbsp;&nbsp;</p><br><a href="#" style="color: #0000FF;">开始做题&nbsp;&nbsp;&nbsp;</a></div></li>
						<li><div class="mygdsj"><img src="img/learn-HomePage-img/bjsj.PNG"/><p>&nbsp;苏威测试</p><p style="float: right;">1班&nbsp;&nbsp;&nbsp;</p><br><a href="#" style="color: #0000FF;">开始做题&nbsp;&nbsp;&nbsp;</a></div></li>
						<li><div class="mygdsj"><img src="img/learn-HomePage-img/bjsj.PNG"/><p>&nbsp;苏威测试</p><p style="float: right;">1班&nbsp;&nbsp;&nbsp;</p><br><a href="#" style="color: #0000FF;">开始做题&nbsp;&nbsp;&nbsp;</a></div></li>
						<li><div class="mygdsj"><img src="img/learn-HomePage-img/bjsj.PNG"/><p>&nbsp;苏威测试</p><p style="float: right;">1班&nbsp;&nbsp;&nbsp;</p><br><a href="#" style="color: #0000FF;">开始做题&nbsp;&nbsp;&nbsp;</a></div></li>
					</ul> -->
				</div>
			</ul>
		</div>	
	</div>
	<br /><br /><br /><br />
	<!-- 底部 -->
	<footer>
		<div>
			<ul class="foter" style="width: 100%; ">
				<li>
					<p style="font-size: 20px;">产品介绍</p>
					<br>
					<p><a href="https://www.mindskip.net/sdd.html">思多多智能考试平台</a></p>
					<p><a href="https://www.mindskip.net/wdd.html">维多多培训考试系统</a></p>
					<p><a href="https://www.mindskip.net/xdd.html">学多多考试系统</a></p>
					<p><a href="https://www.mindskip.net/xzs.html">学致死考试系统</a></p>
				</li>
				
				<li>
					<p style="font-size: 20px;">跃考 H5、小程序</p>
					<img src="img/learn-HomePage-img/foewm.PNG" style="width: 90%;"/>
				</li>
				<li>
					<p style="font-size: 20px;">维考 H5、小程序</p>
					<img src="img/learn-HomePage-img/wk.PNG" style="width: 90%;"/>
				</li>
				<li>
					<p style="font-size: 20px;">学多多小程序</p>
					<img src="img/learn-HomePage-img/xdd.PNG" style="width: 90%;"/>
				</li>
				<li>
					<p style="font-size: 20px;">关于我们</p>
					<img src="img/learn-HomePage-img/gywm.PNG" style="width: 90%;"/>
				</li>
				<li style="float: right;">
					<p style="font-size: 20px;">开源社区</p>
					<a href="https://github.com/mindskip/xzs"><img src="img/learn-HomePage-img/gywm1.PNG" style="width: 40%;"/></a>
					<a href="https://gitee.com/mindskip/uexam"><img src="img/learn-HomePage-img/kysq2.PNG" style="width: 40%;"/></a>
				</li>
				<div style="clear: both;"></div>
			</ul>
			
		</div>
		
		
	</footer>
	
	
	
	<a href="#dbl" style="position:fixed;left: 90%;top: 90%;"><img src="img/learn-HomePage-img/mlj.PNG"></a>
	</body>
	
	<script type="text/javascript">
		
		//头像下二级菜单
		var show = document.getElementById("show")
		var erji1 = document.getElementById("erji");
		show.onclick = function(){
			if(erji1.style.display=="none"){
				erji1.style.display="block";
			}else{
				erji1.style.display="none";
			}
		}
		
		
		
		//退出
		function clos(){
		     if(confirm("您确定要退出本系统吗？")){
		        $.ajax({
		        	type:"POST",
		        	url:"http://localhost:8081/infomation/logout",
		        	dataType:"text",
		        	// async:false,
		        	success:function(data){
		        		if(data=="200"){
							alert("退出成功");
							window.location.href = "student_login.html";
						}else{
							alert("退出失败");
						}
		        	}
		        })
		    }
		};
		
		
	// 通知公告
		var ll = document.getElementById("ll")
		$.ajax({
			type:"GET",
			url:"http://localhost:8081/infomation/infomationList",
			dataType:"json",
			async:false,
			success:function(data){
				$('#ll').html('');
				for(var i = 0;i<data.length;i++){
					// alert(data[i].infomationName)
					$("#ll").append("<div class='layui-menu-body-title'>"+
					data[i].infomationName+'<i class="layui-icon layui-icon-up"></i>'+
					'</div>'
					
					)
					$("#ll").append("<ul>"+
					'<li lay-options="{id: 104}">'+'<div class="layui-menu-body-title" id="layui-menu-body-title">'+data[i].infomationContent+
					'</div>'+'</li>'+'<li><div class="layui-menu-body-title"><a href="#">开始考试</a></div></li>'+
							'<li><div class="layui-menu-body-title">状态</div></li>'+'</ul>'
					
					)
				}
			},
			error:function(errorMsg){
				alert("通知公告获取后台数据失败")
			}
		});
		
		
		
		
		// 固定试卷
		var gdsjtable = document.getElementById("gdsjtable");
		$.ajax({
			type:"POST",
			url:"http://localhost:8081/infomation/FixedTestPaper",
			dataType:"json",
			async:false,
			success:function(data){
				$('#gdsjtable').html('');
				for(var i = 0;i<data.length;i++){
					// let ss = data[i].
					$('#gdsjtable').append('<td><div class="mygdsj"><img src="img/learn-HomePage-img/gdsj.PNG"/><p>&nbsp;'+
					data[i].spName+
					'</p><br/><a href="learn-TestPaperPage.html" lay-event="begin" style="color: #0000FF;"  onclick="cmz('+"'"+data[i].spName+"'"+')" id="kszt";>开始做题&nbsp;&nbsp;&nbsp;</a></div></td>'
					
					)
				}
			},
			error:function(errorMsg){
				alert("固定试卷获取后台数据失败")
			}
		});
		
		
		
		// table.on('edit(test)', function(obj){
		// 	var data = obj.data;
		// 	alert(123) 
		// 	alert(data.spName);
		// 	var flag = confirm("确定开始答题？");
		// 	if (flag){
		// 		$.ajax({
		// 		    type: 'POST',
		// 		    // async: true,
		// 		    url: "http://localhost:8081/typePaper/answerTime",//请求路径
		// 		    data: {spName:data.spName},
		// 		    dataType: 'text',//文本(字符串)
		// 		    success: function (data) {
		// 		        if (data == "200") {
		// 					alert("试卷启动成功");
		// 		            window.location.href = "learn-TestPaperPage.html";
		// 		        } else {
		// 					// alert(id);
		// 		            alert("试卷启动失败");
		// 		        }
		// 		    }
		// 		})
		// 	}
		// };
		
		
		//  function cmz(spName){
		// 	 var myDate = new Date();
		// 	 var obj = {};
		// 	 obj.spName = ${"#kszt"}.val();
		// 	 var description = "";
		// 	 for(var i in obj){
		// 		 var property=obj[i];
		// 		 description+=i+"="+property+"\t";
				 
		// 	 }
		// 	 console.log(description);
		// 	 $.ajax({
		// 		 type:"POST",
		// 		 url:"http://localhost:8081/typePaper/answerTime",
		// 		 dataType:"json",
		// 		 contenType:"application/json",
		// 		 success:function(data){
		// 			 console.log(data)
		// 		 },
		// 		 error:function(e){
		// 			 alert("连接失败")
		// 			 console.log(e)
		// 		 }
				 
		// 	 })
		// }
		// 	var data1 = obj.data
		// 	$.ajax({
		// 		type:"POST",
		// 		url:"http://localhost:8081/typePaper/answerTime",
		// 		dataType:"json",
		// 		data: {spName:data.data1[i].spName},
		// 		async:false,
		// 		success:function(data){
		// 			if(data=200){
		// 				alert("传输成功")
		// 			}
		// 			else{
		// 				alert("传输失败")
		// 			}
		// 		}
		// 	})
		 //}
		
		// function cmz() {
		// var s = document.getElementsByTagName('a')[0];
		
		// location.href='learn-TestPaperPage.html?'+'txt=' + encodeURI(learn-TestPaperPage.html);
		
		// }
		
		
		// $("#kszt").attr("value")
		
		
		// 班级试卷
		var bjsjtable = document.getElementById("bjsjtable");
		$.ajax({
			type:"POST",
			url:"http://localhost:8081/infomation/ClassTestPaper",
			dataType:"json",
			async:false,
			success:function(data){
				$('#bjsjtable').html('');
				for(var i = 0;i<data.length;i++){
					if(data[i].spClassesId!=""){
						$("#bjsjtable").append('<div class="mygdsj"><img src="img/learn-HomePage-img/sdsj.PNG"/><br><p>&nbsp;'+
						data[i].spName+
						// '</p><p style="float: right;">'+
						// data[i].classesName+
						// '&nbsp;&nbsp;&nbsp;</p>'+
						'<br/><br/><br><a href="learn-TestPaperPage.html" style="color: #0000FF;">开始做题&nbsp;&nbsp;&nbsp;</a></div></td>'
						)
						// $('#sdsjtable').append('<td><div class="mygdsj"><img src="img/learn-HomePage-img/sdsj.PNG"/><p style="text-align: left;">&nbsp;&nbsp;&nbsp;'+
						// data[i].spName+
						// '</p><p class="sdtime" style="font-size: 10px;">'+
						// data[i].spCreateTime+
						// '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p><p class="sdtime" style="font-size: 10px;">'+
						// data[i].spAdviseTime+
						// '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p><a href="#" style="color: #0000FF;">开始做题&nbsp;&nbsp;&nbsp;</a></div></td>'
						// )
					}else{
						alert("请先登录!")
						$("#bjsjtable").append('<div class="mygdsj"><img src="img/learn-HomePage-img/sdsj.PNG"/><br><p>&nbsp;'+
						'无'+
						// '</p><p style="float: right;">'+
						// data[i].classesName+
						// '&nbsp;&nbsp;&nbsp;</p>'+
						'<br/><br/><br><a href="learn-TestPaperPage.html" style="color: #0000FF;">无&nbsp;&nbsp;&nbsp;</a></div></td>'
						)
						// $('#sdsjtable').append('<td><div class="mygdsj"><img src="img/learn-HomePage-img/sdsj.PNG"/><p style="text-align: left;">&nbsp;&nbsp;&nbsp;'+
						// data[i].spName+
						// '</p><p class="sdtime" style="font-size: 10px;">'+
						// data[i].spCreateTime+
						// '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p><p class="sdtime" style="font-size: 10px;">'+
						// data[i].spAdviseTime+
						// '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p><a href="#" style="color: #0000FF;">开始做题&nbsp;&nbsp;&nbsp;</a></div></td>'
						// )
					}
					
				}
			},
			error:function(errorMsg){
				alert("班级试卷获取后台数据失败")
			}
		})
		// function(obj){
		// 	var data = obj.data;
		// 	alert(123) 
		// 	alert(data.id);
		// 	$.ajax({
		// 		type:"POST",
		// 		url:"http://localhost:8081/typePaper/answerTime",
				
		// 	})
		// }
		
		
		
		
		
		
		
		
		// 头像
		// var HeadPortrait = document.getElementById("HeadPortrait");
		
		// $.ajax({
		// 	type:"POST",
		// 	url:"http://localhost:8081/infomation/HeadPortrait",
		// 	dataType:"json",
		// 	async:false,
		// 	success:function(data){
		// 		$('#HeadPortrait').html('');
		// 		for(var i = 0;i<data.length;i++){
		// 			$('#HeadPortrait').append('<div class="one"  style="height: 50px; width: 50px;" ><img src="D:\upload\'+
		// 			data[i].userHeadLogo+
		// 			" class="tx" id="show"/></div>'
					
		// 			)
		// 		}
		// 	},
		// 	error:function(errorMsg){
		// 		alert("时段试卷获取后台数据失败")
		// 	}
		// })
		
		
		// var user_userName = 
		// $.ajax({
		// 	type:"POST",
		// 	// data: {user_userName,user_userName},
			
		// 	url:"http://localhost:8081/infomation/HeadPortrait",
		// 	dataType:"json",
		// 	async:false,
		// 	success:function(data){
		// 		 // alert(data.userHeadLogo)
		// 		 $('#HeadPortrait').html('');
		// 		for(var i = 0;i<data.length;i++){
		// 		 	$('#HeadPortrait').append('<img src="'+
		// 		 	data[i].userHeadLogo+'" class="tx" id="show"/>'
		// 		 	)
		// 		}
		// 	},
		// 	error:function(errorMsg){
		// 		alert("头像获取后台数据失败")
		// 	}
		// })
		
		
		
		
		
		//轮播图
		$(function () {
			function bannerMove(obj) {
				var index = 0;
				var _thatFlag = true;
				var _that = $(obj.el);
				var _length = _that.find("li").length;
				var a_prev = index - 1 < 0 ? '-1' : index - 1;
				var a_next = index + 1 >= _length ? '0' : index + 1;
				var timer;
				_that.append(
					"<div class='banner-btn'><span class='banner-btn-prev'></span><span class='banner-btn-next'></span></div>");
				if (_length < 4) {
					if (_length < 2) {
						_that.find("li").eq(index).addClass("on");
						return false;
					} else {
						for (let i = 0; i < (4 - _length); i++) {
							var tempHtml = _that.find("li").eq(i).html()
							_that.find("ul").append('<li>' + tempHtml + '</li>')
						}
					}
				}
				_that.find("li").css({
					"left": "-100%",
					"z-index": "1"
				});
				_that.find("li").eq(index - 1).css({
					"left": "-30%",
					"z-index": "2"
				});
				_that.find("li").eq(index).css({
					"left": "0%",
					"z-index": "3"
				});
				_that.find("li").eq(index + 1).css({
					"left": "30%",
					"z-index": "2"
				});
				_that.find("li").eq(index).addClass("on");
		
				_that.on("click", ".banner-btn-prev", function () {
					if (_thatFlag) {
						_thatFlag = false;
						main(1);
					}
				})
				_that.on("click", ".banner-btn-next", function () {
					if (_thatFlag) {
						_thatFlag = false;
						main(0);
					}
				});
				clearInterval(timer);
				timer = setInterval(function () {
					main(0);
				}, 5000);
				_that.hover(function () {
					clearInterval(timer);
				}, function () {
					clearInterval(timer);
					timer = setInterval(function () {
						main(0);
					}, 5000);
				})
				function main(fx) {
					if (fx) {
						// console.log("左")
						if (index > _length - 1) index = 0;
						a_prev = index - 1 < 0 ? '-1' : index - 1;
						a_next = index + 1 >= _length ? '0' : index + 1;
						_that.find("li").eq(-1).prependTo(_that.find("li").parent());
						_that.find("li").eq(a_prev).css({
							"left": "-60%",
							"z-index": "1"
						}).animate({
							"left": "-30%",
							"z-index": "1"
						});
						_that.find("li").eq(index).css({
							"left": "-30%",
							"z-index": "3"
						}).animate({
							"left": "0%",
							"z-index": "3"
						});
						_that.find("li").eq(a_next).css({
							"left": "0%",
							"z-index": "2"
						}).animate({
							"left": "30%",
							"z-index": "2"
						});
						_that.find("li").eq(a_next + 1).css({
							"left": "30%",
							"z-index": "1"
						}).animate({
							"left": "60%",
							"z-index": "0"
						}, function () {
							_thatFlag = true;
						});
						_that.find("li").eq(0).addClass("on").siblings().removeClass("on");
					} else {
						// console.log("右")
						if (index > _length - 1) index = 0;
						a_prev = index - 1 < 0 ? '-1' : index - 1;
						a_next = index + 1 >= _length ? '0' : index + 1;
						_that.find("li").eq(a_prev).css({
							"left": "-30%",
							"z-index": "1"
						}).animate({
							"left": "-60%",
							"z-index": "1"
						});
						_that.find("li").eq(index).css({
							"left": "0%",
							"z-index": "2"
						}).animate({
							"left": "-30%",
							"z-index": "2"
						});
						_that.find("li").eq(a_next).css({
							"left": "30%",
							"z-index": "3"
						}).animate({
							"left": "0%",
							"z-index": "3"
						});
						_that.find("li").eq(a_next + 1).css({
							"left": "60%",
							"z-index": "2"
						}).animate({
							"left": "30%",
							"z-index": "2"
						}, function () {
									_that.find("li").eq(0).appendTo(_that.find("li").parent());
									_thatFlag = true;
								});
								_that.find("li").eq(1).addClass("on").siblings().removeClass("on");
							}
						}
					}
					var myMove = new bannerMove({
						el: ".bannerBox .banner"
					})
				})
			
			</script>


<script src="css/learn-HomePage/layui-v2.6.7/layui/layui.js" charset="utf-8"></script>
<script>
layui.use(['dropdown', 'util'], function(){
  var dropdown = layui.dropdown
  ,util = layui.util
  ,$ = layui.jquery;
  
  //菜单点击事件
  dropdown.on('click(demo1)', function(options){
    var thisElem = $(this);
    console.log(thisElem, options);
  });
  
  
  util.event('lay-active', {
    normal: function(){
      $('#demo-box').children().addClass('layui-col-md3').removeClass('layui-col-md4');
      $('#demo-box').find('.layui-menu').removeClass('layui-menu-lg');
    }
    ,lg: function(){
      $('#demo-box').children().addClass('layui-col-md4').removeClass('layui-col-md3')
      $('#demo-box').find('.layui-menu').addClass('layui-menu-lg');
    }
  });
});
</script>
</html>
                 